<template>
  <div class="artist-list">
	<el-row>
		<el-col :span="10" v-for="(item,index) in artists" :key="index" class="artist-list-flex">
			<div class="artist-img">
				<el-image
				      style="width: 50px; height: 50px"
				      :src="item.img1v1Url"
				      ></el-image>
			  
			</div>
			<div class="artist-content">
				<div style="font-size: 14px;">{{item.name}}</div>
				<div style="font-size: 12px;padding: 4px 0 4px 0;">专辑数:{{item.albumSize}}</div>
				<div style="font-size: 12px;">MV数{{item.mvSize}}</div>
			</div>
		</el-col>
	</el-row>
  </div>
</template>

<script>


export default {
  name:'ArtistList',
  props:['artists'],
  data(){
    return{
      
    }
  },
  created(){
	 console.log()
  },
  filters:{
  },
  methods:{

  }
}
</script>

<style lang="less" scoped>
    .artist-list{
		width: 100%;
	}
	.artist-list-flex{
		display: flex;
		.artist-content{
			padding: 0 0 8px 8px;
		}
	}
</style>

